<template>
  <svg :style="{ width, height }">
    <use :xlink:href="prefix + name" :fill="color"></use>
  </svg>
</template>
<script setup lang="ts" name="SvgIcon">
withDefaults(
  defineProps<{
    prefix?: string
    name?: string
    color?: string
    width?: string | number
    height?: string | number
  }>(),
  {
    prefix: '#icon-',
    color: '',
    width: '16px',
    height: '16px',
  },
)
</script>
